<style>
	.blog_detail_default .blog_wrapper {
	    width: 100%;
	    max-width: 680px;
	    margin: 0 auto;
	    padding: 0 30px;
	    box-sizing: border-box;
	}
	.blog_detail_default .blog_time {
	    color: #999;
	    margin: 0 0 40px;
	    text-align: center;
	}
	.blog_detail_default .blog_descript {
	    line-height: 1.5;
	}

	.blog_detail_default .blog_descript img {
	    max-width: 100%;
	}
	@media screen and (max-width: 767px){
		.blog_detail_default .blog_wrapper {
	        padding: 0 1rem;
	        width: 100%;
	        box-sizing: border-box;
	    }
	}
</style>
<div class="blog_detail_default " id="blog_detail">
	<div class="blog_wrapper">
		<h1 class="title">{{blog.title}}</h1>
		<div class="blog_time">{{blog.published_at | date: "%Y-%m-%d"}}</div>
		<div class="blog_descript mo-editor-reset">
			{{blog.content}}
		</div>

	</div>
	<div class="back-box">
      <a href="/blogs">
        {% include icon_account_back ,width:'32',height:'28' %}
        <span>{{ lang.blogs.list.news | upcase }} </span> 
      </a>
    </div>
</div>